<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>资源导航</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/source.css">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/nav-hidden">
</head>
<!-- 汉堡菜单 -->
	<div class="nav">
	  <button class="btn-nav">
	    <span class="icon-bar top"></span>
	    <span class="icon-bar middle"></span>
	    <span class="icon-bar bottom"></span>
	  </button>
	</div>
	<div class="nav-content hideNav hidden">
	  <ul class="nav-list">
	  	<li class="nav-item"><a href="index.html" class="item-anchor">HOME 首页</a></li>
	    <li class="nav-item"><a href="note2.html" class="item-anchor">MY NOTE 设计笔记（建设中）</a></li>
	    <li class="nav-item"><a href="source.html" class="item-anchor">SOURCE 资源导航（建设中）</a></li>
	    <!-- <li class="nav-item"><a href="#" class="item-anchor">item 3</a></li> -->
	    <li class="nav-item"><a href="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/download/%E6%9B%BE%E9%AD%8F-%E8%AE%BE%E8%AE%A1%E5%B2%97-18508260455.pdf" class="item-anchor">ABOUT ME 我的简历</a></li>
	    <hr style="margin-left: 50px;width: 400px;">
	    <p style="font-size: 14px;margin-left: 50px;">Thanks for your watching</p>
	    <p style="font-size: 14px;margin-left: 50px;">You could contact me by +86 185 0826 0455</p>
	    <p style="font-size: 14px;margin-left: 50px;">799895183@qq.com</p>
	  </ul>
	</div>
<body>
	<h1>SOURCE</h1>
	<p style="margin: 0 auto; text-align: center;margin-bottom: 40px;">持续更新的资源链接</p>
	<div class="allcontents">
		<!-- 优质图库	 -->
		<div class="classification"></div>
			<p style="margin: 5px;">优质图库</p>
			<hr>
			<div class="box">
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="https://images.unsplash.com/photo-1501426026826-31c667bdf23d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
					<p class="discrible">免版权高清图库</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://www.toptal.com/designers/subtlepatterns/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/bananas.png" alt=""></a></div>
					<p class="itemtitle">submit</p>
					<p class="discrible">平铺素材</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
			</div>
			

			<br>
			<br>
			<br>
			<br>	
			<!-- 软件下载	 -->
			<div class="classification"></div>
			<p style="margin: 5px;">软件下载</p>
			<hr>
			<div class="box">
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg.jpeg" alt=""></a></div>
					<p class="itemtitle">Adobe全家桶</p>
					<p class="discrible">大众脸，常用的设计软件和插件及素材</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://www.toptal.com/designers/subtlepatterns/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/bananas.png" alt=""></a></div>
					<p class="itemtitle">submit</p>
					<p class="discrible">平铺素材</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
				<div class="itembox">
					<div class="facebox"><a href="https://unsplash.com/"><img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/source/timg%20%281%29.jpeg" alt=""></a></div>
					<p class="itemtitle">unsplash</p>
				</div>
			</div>
	</div>
	<script src="https://www.jq22.com/jquery/2.1.1/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script>
	$(window).load(function () {
	    $('.btn-nav').on('click tap', function () {
	        $('.nav-content').toggleClass('showNav hideNav').removeClass('hidden');
	        $(this).toggleClass('animated');
	    });
	});
	</script>
</body>
</html>